<div id="container">
    <!-- 导航顶部 -->
    <nav>
        <div id="logo">
            <a [routerLink]="[ 'home' ]">
                <img src="assets/images/logo2.png">
            </a>
        </div>
        <div class="position">
            <a href="#">
                <i class="icon iconfont iconlocation"></i>&nbsp;
                <span>苏州</span>
            </a>
        </div>
        <div class="nav">
            <a [routerLink]="[ 'home' ]" routerLinkActive="active">首页</a>
            <a [routerLink]="[ 'cake' ]" routerLinkActive="active">蛋糕系列</a>
            <a [routerLink]="[ 'bread' ]" routerLinkActive="active">面包西点</a>
            <a [routerLink]="[ 'about' ]" routerLinkActive="active">关于我们</a>
        </div>
        <div class="search">
            <form method="POST">
                <input type="text" placeholder="请输入要查找的内容"><button>搜索</button>
            </form>
        </div>
        <div class="user">
            <a [routerLink]="[ 'mine' ]" routerLinkActive="active">
                <i class="icon iconfont icongerenzhongxin_default"></i>
            </a>
        </div>
    </nav>
    <!-- 主体 -->
    <div class="outlet">
        <router-outlet></router-outlet>
    </div>
    <!-- 页脚底部 -->
    <footer>
        <div></div>
        <div>
            <a href="#">购物指南</a>
            <a href="#">配送方式</a>
            <a href="#">售后服务</a>
            <a href="#">预约制作</a>
            <a href="#">其他服务</a>
        </div>
        <p>如果您有任何疑问，请拨打客服电话：400-000-0000 或发邮件至客服邮箱：809619309@qq.com</p>
        <p>商务合作:如果您有商品或网站方面的合作，联系电话：021-62868761</p>
        <p>LOLITAKE All Rights Reserved </p>
        <p>沪ICP备00000000号-1</p>
    </footer>
    <div id="guide"></div>
</div>